.box{
    height: 100%;
    width: 100%;
   
    .main{
        height: 100%;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        background: #e8e8e8;
        // 头像
        .userhead{
            height: 210px;
            // 上面部分
            .u_h_top{
            width: 100%;
            height: 140px;
            position: relative;
               .myhead{
                   height: 140px;
                   width: 140px;
                   border-radius: 50%;
                   border: 1px solid deepskyblue;
                   position: relative;
                   img{
                    height: 140px;
                    width: 140px;
                    border-radius: 50%;
                    
                   }
                   .vip{
                       display:block;
                       font-size: 25px;
                       position: absolute;
                      bottom: 0px;
                       right: -20px ;
                       color: #ff6600;
                   }

               }
               .change_info{
                width: 250px;
                height: 100%;
                .u_foont{
                    height: 50px;
                    margin-left: 20px;
                    font-size: 20px;
                }
                .fuhao{
                    height: 50px;
                    a{
                        font-size: 30px;
                        color: #8a8c9d
                    }
                }
               }
            }
            // 下面部分
            .u_h_bottom{
                font-size: 14px;
                color: #8a8c9d
            }
            
        }
        // 累计打卡
        .clock{
            height: 70px;
            .total_clock{
                .rili{
                    font-size: 25px;
                    color: deepskyblue;
                    margin-top: 5px;
                    margin-right: 10px;
                }
                .clm{
                    .day{
                        font-size: 25px;
                        font-weight: bold;
                        color: deepskyblue;
                    }
                }
            }
            .sign{
                width: 100px;
                border-radius: 15px;
                background: #aad9f7;
                height: 100%; 
                color: #004e73;
                font-weight: bold;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .sign_wanc{
                width: 100px;
                border-radius: 15px;
                background: #aaaa;
                height: 100%; 
                color: white;
                font-weight: bold;
                display: flex;
                align-items: center;
                justify-content: center
            }
        }
        // 动态说说
        .talk{
            height: 90px;
            .total_clock{
                .liebiao{
                    font-size: 25px;
                    color: deepskyblue;
                    margin-top: 5px;
                    margin-right: 10px;
                }
            }
            .sign{
                width: 70px;
                border-radius: 15px;
                height: 100%; 
                color: #8a8c9d;
                a{
                    color: #8a8c9d;
                }

            }

        }
        // 运动数据
        .sport_data{
            height: 200px;
            // 上面横着部分
            .top_box{
                height: 30px;
                .total_clock{
                    .shuju{
                        font-size: 25px;
                        color: deepskyblue;
                        margin-top: 5px;
                        margin-right: 10px;
                    }
                }
                .sign{
                    height: 100%; 
                    color: #004e73;
                    font-weight: bold;
                    a{
                        color: #8a8c9d;
                    }
                }
            }
            // 下面仔细数据部分
            .all_data{
                height:100px;

                .sport_time{
                    height: 100%;
                    width: 50%;
                    border-right: 1px dashed #999999;
                    position: relative;
                    padding-left: 3%;
                    .sp_title{
                        color: #999999;
                        font-weight: bold;
                        font-size: 17px;
                    }
                    .times_box{
                        position: absolute;
                        left: 3%;
                        bottom: 0;
                        font-size: 13px;
                        .data_comm{
                            font-size: 50px;
                            color: deepskyblue;

                        }
                    }
                }
                .sport_ca{
                    height: 100%;
                    width: 50%;
                    padding-left: 3%;
                    position: relative;
                    .sp_title{
                        color: #999999;
                        font-weight: bold;
                        font-size: 17px;
                    }
                    .ca_box{
                        position: absolute;
                        left: 3%;
                        bottom: 0;
                        font-size: 13px;
                        .data_comm{
                            font-size: 50px;
                            color: deepskyblue;

                        }
                    }
                }
            }
        }
        .badge{
            height: 200px;
         // 上面横着部分
         .top_box{
              height: 30px;
              .total_clock{
                .shuju{
                  font-size: 25px;
                  color: deepskyblue;
                  margin-top: 5px;
                  margin-right: 10px;
                }
             }
                 .sign{
                  height: 100%; 
                  color: #004e73;
                  font-weight: bold;
                    a{
                     color: #8a8c9d;
                    }
                 }
             }
            .bt_badge{
                height: 3000px;
                width: 100%;
                img{
                    height: 100px;
                    width: 100px;
                }
            }  
        }
        .comm{
            padding: 20px 30px 20px 20px;
        }
    }
}